@charset "utf-8";
/* CSS Document */
body {
margin : 0;
padding : 0;
background: none; 
color : #333333;
font-family:"Courier New", Courier, monospace;
font-weight : normal;
font-size : 14px;
text-align : center;
width: device-width, initial-scale=1;

}


a.one:link {
font-family: "Courier New", Courier, monospace;
font-size : 1em;
font-style : normal;
font-weight:lighter;
color : #999999;
text-align: center;
text-decoration: none;	
line-height: 150%;
}
a.one:visited {
font-family: "Courier New", Courier, monospace;
font-size : 1em;
font-style : normal;
font-weight:lighter;
color : #999999;
text-align: center;
text-decoration: none;	
line-height: 150%;
}
a.one:hover {
font-family: "Courier New", Courier, monospace;
font-size : 1em;
font-style : normal;
font-weight:lighter;
color : #7AC0EA;
text-align: center;
text-decoration: none;	
line-height: 150%;	
}
.TITLE{
font-family: "Courier New", Courier, monospace;
font-size : 1em;
font-style : normal;
font-weight:lighter;
color : #FBB040;
text-align :  left;
text-transform:none;
padding-top: 0px;	
}

.TITLE_YELLOW_BOLD{
font-family: "Courier New", Courier, monospace;
font-size : 1em;
font-style:normal;
font-weight:bold;
color : #FBB040;
text-align :  left;
text-transform:none;
padding-top: 0px;	
}

.TITLE_RIGHT{
font-family: "Courier New", Courier, monospace;
font-size : 1em;
font-style : normal;
font-weight:lighter;
color : #FBB040;
text-align :  right;
text-transform:none;
padding-top: 0px;	
}
.TITLE_2{
	font-family: "Courier New", Courier, monospace;
	font-size : 1em;
	font-style : normal;
	font-weight:light;
	color : #999999;


	text-align: ;
}
.TITLE_3{
font-family:"Courier New", Courier, monospace;
font-size : 1em;
font-style : normal;
font-weight:lighter;
color:#FFF;
text-align: left;	
}
.TITLE_3_RIGHT{
font-family:"Courier New", Courier, monospace;
font-size : 1em;
font-style : normal;
font-weight:lighter;
color:#FFF;
text-align: right;	
}
.TITLE_4{
font-family:"Courier New", Courier, monospace;
font-size : 1.2em;
font-style : normal;
font-weight:lighter;
color:#BE1E2D;
text-align: centre;	
}

.TITLE_5{
font-family:"Courier New", Courier, monospace;
font-size : 1em;
font-style:normal;
font-weight:bold;
color:#BE1E2D;
	
}

.TITLE_RED_NORMAL{
font-family:"Courier New", Courier, monospace;
font-size : 1em;
font-style:normal;

color:#BE1E2D;
	
}
.TITLE_BLUE {
font-family: "Courier New", Courier, monospace;
font-size : 1em;
font-style : normal;
font-weight:lighter;
color : #7AC0EA;
text-decoration: none;	
line-height: 150%;	
}

.TITLE_GREY_ITALIC_BOLD{
	font-family: "Courier New", Courier, monospace;
	font-size : 1em;
	font-style : itallic;
	font-weight:normal;
	color : #999999;


	text-align: ;
}
table {
	background: url("URL to image") no-repeat;
	text-align: center;
}
table.background { background: url("art_films_in_love_with_london_2.png") no-repeat; }
#tableCellWithBackground { background-image: url("art_films_in_love_with_london_2.png");}

.green_background { /*table sell backgroung image*/
	background-image: url("art_films_in_love_with_london_2.png");
	background-repeat:no-repeat;}
	/* HTML: <td class="green_background" align="left" valign="top" >  */

#WRAPPER {
background: none;
background-color:none;
width : 100%;
min-width: 1000px;
height : auto;
margin : 0 auto; 
padding : 0 auto;

}

/* FULL WIDTH START */

/* HTML code for Full Width:
 parent 
<main>
  <p>Stuff.</p>
   container we want to be full width 
  <figure class="full-width">
     could be whatever content 
    <img src="dog.jpg" alt="">
  </figure>
</main> parent 
<main>
  <p>Stuff.</p>
   container we want to be full width 
  <figure class="full-width">
     could be whatever content 
    <img src="dog.jpg" alt="">
  </figure>
</main> */

main {
width: 100%;
margin: 0 auto; /* creates 20% margins on either side */

}
.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background:#000;
font-family:"Courier New", Courier, monospace;
color:#09F; 
} 
/*.full-width {
  margin-left: calc(-100vw / 2 + 500px / 2);
  margin-right: calc(-100vw / 2 + 500px / 2);
  background:#000;
font-family:"Courier New", Courier, monospace;
color:#09F;
}*/
/* FULL WIDTH END */

#HEADER{
background: #000;
width: 1000px;
height: auto;
min-height: 300px;
margin: auto;
margin-top: -14px;
float: center;
text-align:right;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 0 px;
font-family:"Courier New", Courier, monospace;
font-size:1.1em;
color:#CCC;}

#HEADER_LOGO{
background:none;
background-image : url(art_films_in_love_with_london_1.png) ;
width:390px;
height:167px;
margin-top: 5px;
margin-left: 0px;
margin-right: 50px;
text-align:right;
font-family:"Courier New", Courier, monospace;
font-size:14px;
padding-top: 0px;
}

#HEADER_MENU{
background:none;
background:#000;
width:650px;
height:20px;
margin-top: 50px;
margin-right: 0px;
float:right;	
	}

#HEADER_TEXT{}
#HEADER_GREY {
background-color: #808285;
min-width: 1000px;
width : 100%;
height : 50px;
margin :  auto;
text-align:center;
float: center;
}

#HEADER_YELLOW {
background-image : ;
background-repeat : no-repeat;
background-position : center top;
background-color: #E8C255;
width : 100%;
min-width: 1000px;
height : 6px;
margin : 0 auto;
}
#HEADER_GREY_CONTENT{
width: 1000px;
height : 500px;
margin-top : -170px;
margin-right:auto;
margin-left:auto;
text-align:center;
position:relative;
}
#CONTENT{
width : 1000px;

height:auto;
min-height:600px;
margin-top : -130px;
margin-right:auto;
margin-left:auto;
text-align:center;
position:relative;
}

#CONTENT_LEFT{
background: #000;
border-style:solid;
border-color:#999999;
border-width:2px;
background-image : url(art_films_in_love_with_london_5.png) ;
width: 150px;
height: 150px;
max-height: 150px;
margin-left:0px;
margin-top: 10px;
margin-bottom: 10px;	
text-align:center;
float:left;	
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-family:"Courier New", Courier, monospace;
font-size:1.1em;
color: #666;
position:relative;
}
#CONTENT_LEFT_BOTTOM{
background: #000;
border-style:solid;
border-color:#999999;
border-width:2px;
background-image : url(art_films_in_love_with_london_6.png) ;
width: 150px;
height: 150px;
min-height: 150px;
margin-left:0px;
margin-top: -164px;
margin-bottom: 10px;	
text-align:center;
float:left;	
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-family:"Courier New", Courier, monospace;
font-size:1.1em;
color: #666;
}
#CONTENT_MIDDLE{
background: #ffffff;
border-style:solid;
border-color:#999999;
border-width:2px;
background-image : url(art_films_in_love_with_london_9.png) ;
width: 600px;
height: 330px;
margin-left:45px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;	
text-align:left;
float:left;	
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-family:"Courier New", Courier, monospace;
font-size:1.1em;
color: #666;
}
#CONTENT_RIGHT{
background: #000;
border-style:solid;
border-color:#999999;
border-width:2px;
background-image : url(art_films_in_love_with_london_7.png) ;
width: 150px;
height: 150px;
margin-right:0px;
margin-top: 10px;
margin-bottom: 10px;	
text-align:center;
float:right;	
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-family:"Courier New", Courier, monospace;
font-size:1.1em;
color: #666;
}
#CONTENT_RIGHT_BOTTOM{
background: #000;
border-style:solid;
border-color:#999999;
border-width:2px;
background-image : url(art_films_in_love_with_london_8.png) ;
width: 150px;
height: 150px;
margin-left:0px;
margin-right:0;
margin-top: 17px;
margin-bottom: 10px;	
float:right;	
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-family:"Courier New", Courier, monospace;
font-size:1.1em;
color: #666;
text-align:center;
}

#CONTENT_MIDDLE_WIDE{
background: #ffffff;
border-style:solid;
border-color:#999999;
border-width:2px;
background-image : none ;
width: 996px;
height: 330px;
margin-left:0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;	
text-align:left;
float:left;	
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-family:"Courier New", Courier, monospace;
font-size:1.1em;
color: #666;
}

#GALLERY1{
background: #ffffff;
border-style:solid;
border-color:#999999;
border-width:2px;
width: 680px;
height: auto;
min-height: 200px;
margin-left:150px;
margin-top: 8px;
margin-bottom: 10px;	
text-align:left;
float:left;	
padding-left: 10px;
padding-top: 20px;
padding-bottom: 10px;
font-family:"Courier New", Courier, monospace;
font-size:1.1em;
color: #666;
}
#GALLERY2{
background: #ffffff;
border-style:solid;
border-color:#999999;
border-width:2px;
width: 996px;
height: auto;
min-height: 200px;
margin-left:0px;
margin-top: 20px;
margin-bottom: 30px;	
text-align: center;
float:left;	
font-family:"Courier New", Courier, monospace;
font-size:1.1em;
color: #666;
}

#COPYRIGHT  {
background: ;
width: 100%;
height: auto;
text-align:center;
font-size: 12px;
color: #FFFFFF;

}
.copyright {
	font-size: 12px;
	vertical-align:bottom;
	color:#666}

iframe {
  margin-top: 0px;
  margin-bottom: 0px;

  /* -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;

  -moz-box-shadow: 4px 4px 14px #000;
  -webkit-box-shadow: 4px 4px 14px #000;
  box-shadow: 4px 4px 14px #000; */

 /* -moz-transform:rotate(20deg);
  -webkit-transform:rotate(20deg);
  -o-transform:rotate(20deg);
  -ms-transform:rotate(20deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=.2);*/
} 


div#moreinfo, div#moreinfo2, div#moreinfo_CONTENT_RIGHT_BOTTOM, div#moreinfo_CONTENT_LEFT_BOTTOM {
/*opacity: 0.6; */
padding: 0px;
background:black;
}

div#springinfo, div#summerinfo, div#winterinfo{
background:white;
padding:5px;
}


#FOOTER{
background-color: #FC0;
min-width: 1000px;
width : 100%;
height : 100px;

text-align:center;
float: center;
position:absolute;
}

 .row-full{
	width: 100vw;
	background-color:#000000;
	background-image : url(FOOTER.png);
	background-repeat:repeat-x;
	position: absolute;
	margin-left: -50vw;
	height: 160px;
	margin-top: 0px;
	vertical-align:bottom;
	left: 508px;
	/*top: 999px; */
}

#CONTENT_PIC_LEFT{
margin-top: 0px;
margin-left: 0px;
margin-right: 15px;
padding: 5px;
border:#CC9900 solid 1px;
background: none;
width: auto;
min-width: 30px;
height:auto;
min-height:30px;
position: relative;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 14px;
font-weight:normal;
color : #193E6D;
text-align : center;
line-height: auto;	
float:left;
-webkit-box-shadow: 0 8px 6px -6px #936E22;
-moz-box-shadow: 0 8px 6px -6px #936E22;
box-shadow: 0 8px 6px -6px #936E22;
}
#CONTENT_PIC_RIGHT{
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
padding: 5px;
border:#CC9900 solid 1px;
background: none;
width: auto;
min-width: 30px;
height:auto;
min-height:30px;
position: relative;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 14px;
font-weight:normal;
color : #193E6D;
text-align : center;
line-height: auto;	
float:right;
-webkit-box-shadow: 0 8px 6px -6px #936E22;
-moz-box-shadow: 0 8px 6px -6px #936E22;
box-shadow: 0 8px 6px -6px #936E22;
}